/**
 * @author truexin
 * @date   16/04/27     
 */
.yue {
    width: 100%;
    height: 100%;
    color: #ccc;
    .toolbar {
        //display: none;
        position: absolute;
        left: 0;
        top: 2.1rem;
        //top: 0;
        z-index: 9;
        width: 100%;
        p {
            text-align: center;
            line-height: .5rem;
            color: #f4f4f4;
            font-size: .2rem;
            font-family: "Microsoft YaHei";
            background: #04b0be;
            height: .5rem;
        }
    }
    .theme {
        padding-top: .6rem;
        text-align: center;
        font-weight: normal;
        font-size: .2rem;
    }
    .mui-table-view-cell > a {
        display: inline-block;
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: #fff;
    }
    //.mui-scroll-wrapper {
    //    background: rgba(0, 0, 0, .7);
    //}
    //.mui-pull-bottom-pocket {
    //    background: none;
    //    height: 0;
    //    //height: 0.6rem;
    //    /*@media screen and (max-width:320px){
    //        height: 0;
    //    }*/
    //}
    //.mui-scroll {
    //    background: none;
    //}
    * {
        padding: 0;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    li {
        list-style-type: none;
    }
    .list {
        display: flex;
        flex-direction: column;
        > li {
            flex-grow: 1;
            border-top: 1px solid #ddd;
            margin-top: -.04rem;
            &:first-child {
                border: none;
                padding-bottom: .2rem;
                margin-top: 0;
                position: relative;
                background: #f2f2f2;
                margin-bottom: none;
                .date-time {
                    position: absolute;
                    left: 0;
                    bottom: .06rem;
                    text-align: center;
                    width: 100%;
                    font-size: .12rem; //居然在这里栽了跟头嗨
                    color: #444;
                }
                .index-big {
                    border: none;
                }
            }
            &:nth-child(3) {
                margin-top: -.05rem;
            }
            &:nth-child(4) {
                margin-top: -.05rem;
            }
            &:last-child {
                margin-bottom: -.046rem;
            }
        }
    }
    .fixed-btn {
        position: fixed;
        right: 0;
        top: 1.45rem;
        z-index: 9;
        li {
            padding: .1rem .2rem .1rem .35rem;
            > a {
                display: inline-block;
                position: relative;
                color: #fff;
                width: .5rem;
                background: rgba(40, 40, 40, .8);
                height: .5rem;
                .iconfont {
                    margin: 0 0 .1rem .035rem;
                    font-family: "yue" !important;
                    font-style: normal;
                    font-size: .58rem;
                    -webkit-font-smoothing: antialiased;
                    -webkit-text-stroke-width: .0001px;
                    -moz-osx-font-smoothing: grayscale;

                    &.found {
                        &::after {
                            content: '\e641';
                            font-size: .41rem;
                        }
                    }
                    &.predate {
                        &::after {
                            content: '\e642';
                            font-size: .41rem;
                            margin: 0 0 .1rem .019rem;
                        }
                    }
                }
                .text {
                    font-size: .12rem;
                    position: absolute;
                    left: .125rem;
                    bottom: 0;
                }
            }
        }
    }
    .point {
        position: absolute;
        left: 1.5rem;
        bottom: .38rem;
        list-style: none;
        width: 3rem;
        > li {
            float: left;
            height: 0;
            margin-left: .1rem;
            width: .11rem;
            border-bottom: 1px solid #cdcdcd;
            &.active {
                border-bottom: 1px solid #14bfb6;
            }
        }
    }
    .img-rel,
    .img-run,
    .img-rice,
    .img-sea,
    .img-walk,
    .img-sport,
    .img-party {
        display: inline-block;
        width: 100%;
        height: 2.12rem;
        background-image: url('../../images/yue/index.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    //此处用于各种安卓机子不匹配的媒体查询
    //@media  (min-width:321px) and (max-width:360px){
    //    .img-party{
    //        width:3.3rem;
    //        height:1.3rem;
    //    }
    //    .img-run{
    //        width:3.3rem;
    //        height:1.3rem;
    //    }
    //    .img-rice{
    //        width:3.3rem;
    //        height:1.3rem;
    //    }
    //    .img-rel{
    //        width:3.3rem;
    //        height:1.8rem;
    //    }
    //    .img-walk{
    //        width:3.3rem;
    //        height:1.3rem;
    //    }
    //    .img-sport{
    //        width:3.3rem;
    //        height:1.3rem;
    //    }
    //    .img-sea{
    //        width:3.3rem;
    //        height:1.3rem;
    //    }
    //}
    .img-run,
    .img-rice,
    .img-sea,
    .img-walk,
    .img-sport,
    .img-party {
        height: 1.79rem;
        background-image: url('../../images/yue/run.jpg');
        margin-bottom: -.01rem;
        color: #ddd;
        ul {
            position: absolute;
            right: .21rem;
            top: .15rem;
            font-size: .12rem;
            li {
                float: left;
                &.human {
                    margin-right: -.05rem;
                    &::before {
                        font-family: "yue" !important;
                        content: "\e643";
                        font-size: .3rem;
                    }
                }
            }
        }
    }
    .img-rice {
        background-image: url('../../images/yue/rice.jpg');
    }
    .img-sea {
        background-image: url('../../images/yue/sea.jpg');
    }
    .img-walk {
        background-image: url('../../images/yue/walk.jpg');
    }
    .img-sport {
        background-image: url('../../images/yue/sport.jpg');
    }
    .img-party {
        background-image: url('../../images/yue/party.jpg');
    }
    .kitchen-mask {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .7);
        z-index: 9999;
        display: none;
        .iconfont {
            margin: 0 0 .1rem 0;
            font-family: "yue-detail" !important;
            font-style: normal;
            font-size: .65rem;
        }
        .parent {
            width: 100%;
            height: 23%;
            display: flex;
            flex-flow: row wrap;
            align-content: flex-start;
            border-top: 1px solid rgba(0, 0, 0, .3);
            a {
                height: 100%;
                width: 50%;
                color: #fff;
                position: relative;
                div {
                    position: absolute;
                    left: .5rem;
                    bottom: 0;
                    border-radius: .5rem;
                    height: .75rem;
                    width: .75rem;
                    line-height: .8rem;
                    text-align: center;
                    background: #d65033;
                    &::before {
                        font-family: "yue-detail" !important;
                        content: "\e6b7";
                        font-size: .45rem;
                    }
                    &.rest-purple {
                        background: #9e449b;
                        &::before {
                            content: "\e6b8";
                        }
                    }
                    &.movie-blue {
                        background: #355ba6;
                        &::before {
                            content: "\e6b9";
                        }
                    }
                    &.ktv-yellow {
                        background: #dd8c16;
                        &::before {
                            content: "\e6ba";
                        }
                    }
                    &.basketball-blue {
                        background: #00be90;
                        &::before {
                            content: "\e6bb";
                        }
                    }
                    &.gym-blue {
                        background: #01bfcb;
                        &::before {
                            content: "\e6bc";
                        }
                    }
                }

                span {
                    display: inline-block;
                    width: 1rem;
                    position: absolute;
                    text-align: center;
                    left: .37rem;
                    bottom: -.3rem;
                    font-size: .15rem;
                }
            }
        }
    }

}
	



